import React from 'react'

import { Select } from 'antd'
const { Option } = Select

export default (props: any) => {

    const { dataList } = props
    return (
        <div style={{ backgroundColor: "white", padding: "15px" }}>
            <div style={{ display: "flex", justifyContent: "space-between" }}>
                <div>
                    <nav style={{ borderLeft: "4px solid #4685FD", paddingLeft: "6px" }}>实时概况</nav>
                </div>
                <div style={{}}>
                    <Select style={{ width: "200px" }} defaultValue="1">
                        <Option value="1">
                            今日实时
                    </Option>
                    </Select>
                </div>
            </div>

            <ul style={{ display: "flex", flexWrap: "wrap", padding: 0, margin: "15px 0 0 0" }}>
                {
                    dataList.map((item: any, inx: number) => {
                        return (
                            <li style={{ width: "24%", marginBottom: "15px", borderRight: "1px solid #EEEEEE", paddingLeft: "20px" }} key={inx}>
                                <div style={{ color: "rgb(102, 102, 102)" }}>{item.title} {item.jumpUrl !== undefined && <a href="">查看</a>} </div>
                                <div style={{ fontWeight: 600, marginTop: "5px", fontSize: "20px" }}>{item.value}</div>
                            </li>
                        )
                    })
                }
            </ul>
        </div>
    )
}